<template>
	<div class="room-switch-container">
		<div class="room-base-line" v-for="item in switchItem">
			<div class="room-base-label">{{item.label}}:</div>
			<el-switch
			  	v-model="item.value"
			  	class="room-operation-box"
			  	on-text="开"
			  	off-text="关">
			</el-switch>
		</div>
	</div>
</template>

<style>
	.room-operation-box {
		width: 100px;
		margin-left: 10px;
	}
</style>

<script>
	export default {
		data() {
			return {
				switchItem: [
					{
						label: '灯1',
						value: false
					}, {
						label: '灯2',
						value: false
					}, {
						label: '灯3',
						value: false
					}, {
						label: '灯4',
						value: true
					}, {
						label: '灯5',
						value: false
					}, {
						label: '灯6',
						value: false
					}, {
						label: '灯7',
						value: true
					}, {
						label: '灯8',
						value: false
					}
				]
			}
		}
	}
</script>